<template>
  <div class="in-box">
    <div class="in-heard">
      <div class="in-heard-l">
        <i class="iconfont">&#xe64e;</i>
      </div>
      <div class="in-heard-r">
        <h1>订单</h1>
      </div>
    </div>
    
    <div class="in-main">
      <div class="in-main-box">
        <img src="//fuss10.elemecdn.com/f/18/9fb04779371b5b162b41032baf5f3gif.gif" />
        <h3>登录后查看外卖订单</h3>
        <router-link to='/aboutus'>
        <button>立即登录</button>
        </router-link>
      </div>
    </div>
    
    <Footerr/>
  </div>
</template>

<script>
import Footerr from './Footerr'
export default {
  components:{
    Footerr,
  }
}
</script>

<style lang="scss" scoped>
@import '../../static/hotcss/px2rem.scss';
.in-box{
  background: #f5f5f5;
  
  .in-heard{
    height: px2rem(88);
    width: 100%;
    background: #009dff;
    display: flex;
    position: fixed;
    top: 0;
    .in-heard-l{
      width: px2rem(88);
      height: px2rem(88);
      line-height: px2rem(88);
      text-align: center;
      .iconfont{
        font-size: px2rem(36);
        color: white;        
      }
    }
    .in-heard-r{
      height: px2rem(88);
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      h1{
        font-size: px2rem(36);
        color: white;
        margin-right: px2rem(88);
      }
    }
  }
  
  .in-main{
    height: px2rem(1200);
    margin-top: px2rem(88);
    display: flex;
    justify-content: center;
    .in-main-box{
      margin-top: px2rem(200);
      height: px2rem(563);
      h3{
        line-height: px2rem(75);
        color: #6a6a6a;
        font-weight: 400;
        font-size: px2rem(35);
        margin-left: px2rem(50);
      }
      button{
        padding: px2rem(20);
        min-width: px2rem(235);
        border: none;
        border-radius: px2rem(8);
        background-color: #56d176;
        color: #fff;
        text-align: center;
        font-size: px2rem(28);
        font-family: inherit;
        margin-left: px2rem(90);
        outline: none;
      }
    }
  }
}

</style>
